import { Pager } from '../imports';

export function PaginatorPage() {
	return (
		<>
			<h2>分页器</h2>
			<p>样式1：</p>
			<Pager pages={10} buttons={3} />
			<p>样式2：</p>
			<Pager class={'outline'} pages={100} active={4} onActivePage={(page) => console.log(page)} />
			<p>样式3：</p>
			<Pager pages={100} active={20} />
			<p>样式4：</p>
			<Pager pages={100} active={98} />
			<p>样式5：</p>
			<Pager pages={12} buttons={1} onActivePage={(page) => console.log(page)} />
		</>
	);
}
